<table style="width:100%;" cellpadding="5">
<tr>
    <td style="font-size:8pt;text-align:left;" class="color">
        <div style="font-size:10pt;" class="color">
        <a href="{url link='public.groups'}">{language text="groups"}</a>
        &gt;&gt;
        <a href="{url link='public.groups.view' id=$aGroupData.id}">{$aGroupData.title|clean|escape}</a>
        &gt;&gt;
        {language text="info_277"}
        </div>
    </td>
	<td style="font-size:8pt;text-align:right;" class="color">
		{if $isOwner || $isAdmin}
		  <a class="link_action" href="{url link='public.groups.edit' id=$aGroupData.id}">[ {language text="edit_group"} ]</a>
		{/if}
    	{if $isMember || $isAdmin}
    		<a class="link_action" href="{url link='public.groups.invite' id=$aGroupData.id}">[ {language text="invite_others"} ]</a>
    		<a class="link_action" href="{url link='public.groups.gallery.upload' id=$aGroupData.id}">[ {language text="upload_image"} ]</a>
    	{/if}
		{if $isOwner || $isAdmin}
		   <a class="link_action" href="{url link='public.groups.delete' id=$aGroupData.id}">[ {language text="delete"} ]</a>
		{/if}
	</td>
</tr>
</table>

<table style="width: 100%;" cellpadding="4" cellspacing="0">
    <tr>
        <td class="border2">
            <table style="width: 100%;" class="mainmenu5" cellpadding="0" cellspacing="0" border="0">
                <tr>
                <td width="7"><img src="design/pic/spacer.gif" class="sqr1" alt="" height="7" width="7" /></td>
                <td class="block_header">{$aGroupData.title|process_code|escape:"htmlall"}</td>
                </tr>
            </table>
            <br />
            	<div style="font-size:8pt;">
            	<table cellpadding="0" cellspacing="0" width="100%">
            	<tr>
            		<td style="font-size:8pt;padding-right:5px;" class="item3">
            		&nbsp;&nbsp;
            		</td>
            		<td style="vertical-align:bottom;" onclick="window.location.href='{url link='public.groups.join' id=$aGroupData.id}';">
            			<div class="item2" onmouseover="this.className='item2';" onmouseout="this.className='item2';">
            			<a href="{if $isMember}{url link='public.groups.view' id=$aGroupData.id}{else}{url link='public.groups.join' id=$aGroupData.id}{/if}">{if $isMember}{language text="welcome"}{else}{language text="join"}{/if}</a>
            			</div>
            		</td>
            		<td class="item3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            		<td style="vertical-align:bottom;" onclick="{if $aGroupData.pub_forum == 'No' AND !($isMember OR $isAdmin)}javascript:sId('forum_information').style.display='';{else}window.location.href='{url link='public.groups.forum' id=$aGroupData.id}';{/if}">
            			<div class="item" onmouseover="this.className='item2';" onmouseout="this.className='item';">
            				{language text="forum"}
            			</div>
            		</td>
            		<td class="item3">&nbsp;</td>
            		<td style="vertical-align:bottom;" onclick="window.location.href='{url link='public.groups.members' id=$aGroupData.id}';">
            			<div class="item" onmouseover="this.className='item2';" onmouseout="this.className='item';">
            			<a href="{url link='public.groups.members' id=$aGroupData.id}">{language text='Mod_Groups.view_members' exe='spacer'}</a>
            			</div>
            		</td>
            		<td class="item3">&nbsp;</td>
            		<td style="vertical-align:bottom;" onclick="window.location.href='{url link='public.groups.gallery' id=$aGroupData.id}';">
            			<div class="item" onmouseover="this.className='item2';" onmouseout="this.className='item';">
            			<a href="{url link='public.groups.gallery' id=$aGroupData.id}">{language text='Mod_Groups.view_gallery' exe='spacer'}</a>
            			</div>
            		</td>
            		<td class="item3">&nbsp;</td>
            		<td style="vertical-align:bottom;" onclick="window.location.href='{url link='public.account.messages.compose' user=$aGroupData.user}';">
            			<div class="item" onmouseover="this.className='item2';" onmouseout="this.className='item';">
            			<a href="{url link='public.account.messages.compose' user=$aGroupData.user}">{language text='Mod_Groups.contact_us' exe='spacer'}</a>
            			</div>
            		</td>
            		<td class="item3" width="90%">
            			<div style="width:20px;">&nbsp;</div>
            		</td>

            	</tr>
            	</table>
            	</div>
            	<div id="forum_information" style="display:none;">
            	<div style="padding:4px;">
            	<div class="ajax_message">
            		{$info}
            	</div>
				</div>
				</div>
				
            	<table style="width:100%;" cellpadding="4" cellspacing="4" class="">
            	<tr>
            	<td style="width:30%;vertical-align:top;font-size:8pt;" class="color">

            	{img max_width="200" max_height="200" alt="" src="`$sGroupImageUrl`thumb/`$aGroupData.galid`.jpg" src_def="design/pic/noimage.jpg" def_width="100" def_height="100" border="0"}

            	</td><td style="width:50%;vertical-align:top;font-size:8pt;" class="color">

            		<div style="padding-bottom:5px;"><b>{language text="category_145"}:</b> <a href="{url link='public.groups.browse' type=$aGroupData.category_id}">{language translate=$aGroupData.category_name}</a> </div>
            		<div style="padding-bottom:5px;"><b>{language text="type"}:</b> {if $aGroupData.hide_group eq 'Yes'}{language text="private"}{else}{language text="public"}{/if}</div>
            		<div style="padding-bottom:5px;"><b>{language text="created"}:</b> {$aGroupData.time|date_format:$sMonthDateFormat}</div>
            		<div style="padding-bottom:5px;"><b>{language text="members"}:</b> {$aGroupData.members}</div>
            		<div style="padding-bottom:5px;"><b>{language text="views"}:</b> {$aGroupData.views}</div>
            		<div style="padding-bottom:5px;"><b>{language text="location"}:</b>{if $aGroupData.city || $aGroupData.state} {$aGroupData.city|clean|escape} {$aGroupData.state|clean|escape},{/if} {$aGroupData.location|clean|escape}</div>

            	</td><td style="width:20%;vertical-align:top;font-size:9pt;" class="color">

            	<b>{language text="group_creator"}:</b>
            	<div style="padding:5px;">
            	<a class="link_item" href="{url link='public.user' name=$aGroupData.user}">{$aGroupData.user}</a>

            		<div style="padding-top:2px;"> <a href="{url link='public.user' name=$aGroupData.user}">
                        {Account::Avatar sUser=$aGroupData.user iSize=60 class="pic1" onmouseover="showInfo5('`$aGroupData.user`', '', '');this.className='pic2';" onmouseout="this.className='pic1';return nd();"}</a> </div>
            		<span style="font-size:7pt;">
            			{if $aUser.user_online}
                            <span style="color:green;">{language text="online"}</span>
                        {else}
            				<span style="color:red">{language text="offline"}</span>
            			{/if}
            		</span>

            	</div>

            	</td>
            	</tr>
            	</table>

            	<div style="padding:5px;font-size:8pt;">
            		{$aGroupData.headline|process_code}
            	</div>

            	<br />

        <br />
        <div>
        	{$aGroupData.text|process_code}
        </div>
    </td>
</tr>
</table>